From 446eb6d593b97b7d11bc779afe02fdd621d79893 Mon Sep 17 00:00:00 2001
From: zephex-alt <166333351+zephex-alt@users.noreply.github.com>
Date: Fri, 3 May 2024 04:02:21 +0000
Subject: font changes, video player changes and other minor changes

---
 src/app/manga/[title]/[id]/info.module.css | 15 ++-------------
 src/app/manga/[title]/[id]/page.jsx        | 10 +++++++++-
 src/app/manga/[title]/page.jsx             | 13 +++++++------
 src/app/manga/[title]/title.module.css     | 30 ++++++++++++++++++++----------
 4 files changed, 38 insertions(+), 30 deletions(-)

(limited to 'src/app/manga/[title]')

diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index 1df4583..0420401 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -18,9 +18,8 @@
 }
 
 .TitleContainer p {
-	font-family: "Lexend Deca", serif;
 	font-size: 40px;
-	font-weight: 1000;
+	font-weight: 700;
 }
 
 .TitleContainer img {
@@ -30,13 +29,11 @@
 
 .MangaDescription {
 	color: white;
-	font-family: "Atkinson Hyperlegible", serif;
 	max-width: 98%;
 	margin: -10px auto;
 }
 
 .Description h2 {
-	font-family: "Lexend Deca", serif;
 	color: gray;
 }
 
@@ -46,14 +43,12 @@
 
 .MangaReleaseYear {
 	margin-top: 10px;
-	font-family: "Poppins", serif;
 }
 
 .GenreContainer {
 	margin-top: 5px;
 	display: flex;
 	align-items: center;
-	font-family: "Poppins", serif;
 }
 
 .GenreText {
@@ -81,8 +76,6 @@
 .MangaRatings {
 	display: flex;
 	margin-top: 10px;
-	font-family: "Poppins", serif;
-	/* justify-content: center; */
 }
 
 .MangaRatings span {
@@ -98,7 +91,6 @@
 
 .CharactersContainer h2 {
 	color: gray;
-	font-family: "Lexend Deca", serif;
 }
 
 .Character {
@@ -130,7 +122,6 @@
 	text-align: center;
 	width: 110px;
 	color: white;
-	font-family: "Atkinson Hyperlegible", serif;
 }
 
 .CharacterEntry img {
@@ -149,7 +140,6 @@
 
 .ChapterTitle {
 	color: white;
-	font-family: "Lexend Deca", serif;
 	font-size: 32px;
 }
 
@@ -183,10 +173,10 @@
 	background-color: #3d3d3d;
 	cursor: pointer;
 	transition: background-color 100ms ease-in-out;
+	font-family: "Lexend Deca";
 }
 
 .ChapterContainer button p {
-	font-family: "Atkinson Hyperlegible", serif;
 	margin: 2px;
 }
 
@@ -203,7 +193,6 @@
 }
 
 .linksNotFound {
-	font-family: "Atkinson Hyperlegible", serif;
 	color: white;
 	font-size: 18px;
 	display: flex;
diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index 76d7177..9d60e0a 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -15,6 +15,14 @@ export default async function MangaInfo({ params }) {
 		redirect("/404");
 	}
 
+	let description;
+	if (!data.description) {
+		description =
+			"Sorry but description for this particular manga was not found.";
+	} else {
+		description = data.description.split("<br>")[0];
+	}
+
 	PreFetchChaterLinks(data.chapters);
 
 	return (
@@ -53,7 +61,7 @@ export default async function MangaInfo({ params }) {
 					<div className={styles.MangaDescription}>
 						<div className={styles.Description}>
 							<h2>Description</h2>
-							<p>{data.description.split("<br")[0]}</p>
+							<p>{description}</p>
 						</div>
 
 						<div className={styles.MangaReleaseYear}>
diff --git a/src/app/manga/[title]/page.jsx b/src/app/manga/[title]/page.jsx
index 01350d7..2e3e4de 100644
--- a/src/app/manga/[title]/page.jsx
+++ b/src/app/manga/[title]/page.jsx
@@ -34,10 +34,9 @@ export default async function MangaInfo({ params }) {
 								<div className={styles.MangaEntries}>
 									<Image
 										src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
-										width={160}
-										height={250}
+										width={180}
+										height={270}
 										alt="Manga Poster"
-										style={{ borderRadius: 10 }}
 									/>
 									<div className={styles.MangaInfo}>
 										<p className={styles.MangaTitle}>
@@ -51,13 +50,15 @@ export default async function MangaInfo({ params }) {
 												: desc}
 										</p>
 										<p className={styles.MangaStatus}>
-											{item.status}
+											Status: {item.status || "not sure"}
 										</p>
 										<p className={styles.MangaChapters}>
-											Chapters: {item.totalChapters}
+											Chapters:{" "}
+											{item.totalChapters || "not sure"}
 										</p>
 										<p className={styles.MangaVolume}>
-											Volumes: {item.volumes}
+											Volumes:{" "}
+											{item.volumes || "not sure"}
 										</p>
 									</div>
 								</div>
diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css
index bbfc99b..203efad 100644
--- a/src/app/manga/[title]/title.module.css
+++ b/src/app/manga/[title]/title.module.css
@@ -11,7 +11,6 @@
 .SearchedFor {
 	color: white;
 	text-align: center;
-	font-family: "Lexend Deca", serif;
 	font-size: 26px;
 }
 
@@ -20,10 +19,10 @@
 	flex-direction: row;
 	margin: 0px 10px 10px 10px;
 	padding: 10px;
-	border-style: dotted;
+	border-style: solid;
+	border-radius: 0.5rem;
 	border-color: #363636 #474747;
-	border-radius: 10px;
-	border-width: 4px;
+	border-width: 0.1rem;
 	align-items: center;
 	cursor: pointer;
 	transition: opacity 200ms linear, transform 200ms linear;
@@ -42,33 +41,44 @@
 .MangaInfo {
 	color: white;
 	margin-left: 20px;
-	font-family: "Atkinson Hyperlegible";
+}
+
+.MangaEntries img {
+	border-radius: 0.5rem;
 }
 
 .MangaTitle {
-	font-family: "Lexend Deca", serif;
 	margin: 0px;
-	font-size: 22px;
+	font-size: 28px;
 	color: var(--neon-green);
 }
 
+.MangaDescription {
+	margin: 0.5rem 0 0.5rem 0;
+}
+
 .MangaStatus {
 	color: var(--soft-purple);
-	font-family: "Poppins", serif;
+	margin: 0px;
 }
 
 .MangaVolume {
+	margin: 0px;
 	color: #ffacac;
-	font-family: "Poppins", serif;
 }
 
 .MangaChapters {
 	color: #ffebb4;
-	font-family: "Poppins", serif;
+	margin: 0.3rem 0 0.3rem 0;
 }
 
 @media screen and (max-width: 768px) {
 	.Main {
 		max-width: 100%;
 	}
+
+	.MangaDescription {
+		max-height: 10rem;
+		overflow: auto;
+	}
 }
-- 
cgit v1.2.3